<%-- 
    Document   : Booking
    Created on : 2019-5-22, 14:12:26
    Author     : Administrator
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
		<script type="text/javascript" src="js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="js/cufon-yui.js"></script>
		<script type="text/javascript" src="js/cufon-replace.js"></script>  
		<script type="text/javascript" src="js/Adamina_400.font.js"></script>
		<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
		<script type="text/javascript" src="js/script.js" ></script>
		<script type="text/javascript" src="js/atooltip.jquery.js"></script>
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
			<link rel="stylesheet" href="css/ie.c……ss" type="text/css" media="all">
		<![endif]-->
		<!--[if lt IE 7]>
			<div style=' clear: both; text-align:center; position: relative;'>
				<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
			</div>
		<![endif]-->
	</head>
	<body id="page3">
		<div class="bg1">
			<div class="bg2">
				<div class="main">
<!-- header -->
					<header>
						<h1><a href="../main/main/index.html" id="logo">爱心宠物诊所</a></h1>
						<div class="department">
							河南省郑州市高新区,科学大道, 136号<br>
							<span>Freephone: &nbsp;  +6666 6666</span>
						</div>
					</header>
					<div class="box"><div class="ic">Welcome to Pet clinic management platform @ pb.qq.com - May 23, 2019!</div>
						<nav>
		
							<ul id="menu">
								<li><a href="index.jsp">Home</a></li>
								<li><a href="Services.jsp">Services</a></li>
								<li><a href="Booking.jsp">Booking</a></li>
								<li><a href="Rooms.jsp">Veterinary</a></li>
                                                                <li class="active"><a href="Locations.jsp">&nbsp;&nbsp;&nbsp;Pet&nbsp;&nbsp;&nbsp;</a></li>
							</ul>
						</nav>
<!-- header end -->
<!-- content -->
						<article id="content">
							<div class="box1">
								<div class="wrapper">
																		<form action="#" id="form1">
										<h2>Book a Service</h2>
										<fieldset>
											<div class="row">
												<input type="text" class="input">
												Your Name:
											</div>	
											<div class="row">
												<input type="text" class="input">
												E-Mail Address:
											</div>	
											<div class="row">
												<input type="text" class="input">
												Home Phone:
											</div>	
											<div class="row">
												<div class="select1"><select><option>宠物洗澡</option><option>宠物体检</option></select></div>
												The Service:
											</div>	
											<div class="row">
												<div class="select1"><select><option>&nbsp;</option><option>...</option></select></div>
												Number:
											</div>	
											<div class="row">
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												<div class="select2"><select><option>&nbsp;</option><option>...</option></select></div>
												Arrival Date:
											</div>	
											<div class="row_textarea">
												Additional Comments:
												<textarea cols="1" rows="1"></textarea>	
											</div>	
											<div class="wrapper">
												<a href="#" class="button1" onClick="document.getElementById('form1').submit()">Send</a>
												<a href="#" class="button1" onClick="document.getElementById('form1').reset()">Clear</a>
											</div>
										</fieldset>
									</form>
									<div class="col2 pad">
										<h2><img src="images/title_marker1.jpg" alt="">Best Propositions of This Month</h2>
										<div class="wrapper line1">
											<div class="col3">
												<figure class="pad_bot3"><img src="images/page22_img1.jpg" alt=""></figure>
												<p class="pad_bot1"><strong class="color3">为您的宠物做一次全面检查</strong></p>
												<p>体检是体格检查的简称，指通过医学手段和方法对受检者的身体检查。是医疗的诊断环节，是针对症状或疾病及其相关因素的诊察手段。</p>
												<ul class="list2">
													<li><span>16</span>护工</li>
													<li><span>24</span>床位</li>
												</ul>
												<a href="#" class="button2">预定服务</a>
											</div>
											<div class="col3 pad_left2">
												<figure class="pad_bot3"><img src="images/page22_img2.jpg" alt=""></figure>
												<p class="pad_bot1"><strong class="color3">宠物洗澡</strong></p>
												<p>我们很多人都没有时间宠物洗澡。定期前往熟练的专业美容师只是繁忙的狗主人的门票,让经验丰富的美容师处理仍然是最好的。</p>
												<ul class="list2">
													<li><span>29</span>护工</li>
													<li><span>14</span>床位</li>
												</ul>
												<a href="#" class="button2">预定服务</a>
											</div>
										</div>
									</div>
								</div>
								
							</div>
							<div class="pad">
								<div class="wrapper line3">
									<div class="col2">
										<h2>About Booking</h2>
										<p class="pad_bot1"><strong class="color2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo</strong> </p>
										<p>
												Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enigm ipsam voluptatem nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
										<div class="wrapper">
											<figure class="left marg_right1"><img src="images/page3_img3.jpg" alt=""></figure>
											<p class="pad_bot1"><strong class="color2">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum</strong></p>
											<p class="pad_bot2">
													Deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga harum quidem rerum facilis est et expedita.</p>
										</div>
										<div class="pad_bot2">
										<div class="wrapper line2">
											<div class="col1">
												<ul class="list1">
													<li><a href="#">Inventore veritatis et quasi architecto</a></li>
													<li><a href="#">Beatae vitae dicta sunt explicabo</a></li>
													<li><a href="#">Nemo enim ipsam voluptatem quivolupta</a></li>
													<li><a href="#">Sit aspernatur aut odit aut fugit sed</a></li>
												</ul>
											</div>
											<div class="col1 pad_left1">
												<ul class="list1">
													<li><a href="#">Neque porro quisquam est, qui dolorem</a></li>
													<li><a href="#">Ipsum quia dolor amet consectetur</a></li>
													<li><a href="#">Adipisci velit, sed quia non numquam</a></li>
													<li><a href="#">Eius modi tempora incidunt ut</a></li>
												</ul>
											</div>
										</div>
										</div>
										<a href="#" class="button1">Read More</a>
									</div>
									<div class="col1 pad_left1">
										<h2>Booking Info</h2>
										<p class="pad_bot1"><strong class="color2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</strong></p>
										<p class="pad_bot1">
												Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>
										<ul class="list1 pad_bot2">
											<li><a href="#">Neque porro quisquam est qui</a></li>
											<li><a href="#">Dolorem ipsum quia dolor sit amet</a></li>
											<li><a href="#">Consectetur adipisci velit sed</a></li>
											<li><a href="#">Quia non numquam eius modi tempora</a></li>
											<li><a href="#">Incidunt ut labore et dolore magnam</a></li>
											<li><a href="#">Aliquam quaerat voluptatem</a></li>
											<li><a href="#">Ut enim ad minima veniamquis nostrum</a></li>
											<li><a href="#">Exercitationem ullam corporis</a></li>
											<li><a href="#">Suscipit laboriosam, nisi ut aliquid</a></li>
											<li><a href="#">Ex ea commodi consequatur</a></li>
											<li><a href="#">Quis autem vel eum iure reprehenderit</a></li>
										</ul>
										<a href="#" class="button1">Read More</a>
									</div>
								</div>
							</div>
						</article>
<!--content end-->
					</div>
				</div>
			</div>
		</div>
		<div class="main">
<!-- footer -->
			<footer>
				<div class="col2">
					Lounge Clinic &copy; 2019 <a rel="nofollow" href="" target="_blank">Website Template</a> by pb.qq.com
					<nav>
						<ul id="footer_menu">
							<li><a href="index.jsp">Home page</a></li>
							<li><a href="Services.jsp">Services</a></li>
							<li><a href="Booking.jsp">Booking</a></li>
							<li><a href="Services.jsp">Veterinary</a></li>
							<li class="last active"><a href="Locations.jsp">Pet</a></li>
						</ul>
					</nav>
				</div>
				<div class="col1 pad_left1">
					<ul id="icons">
						<li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon1.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon2.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Picasa"><img src="images/icon3.jpg" alt=""></a></li>
						<li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.jpg" alt=""></a></li>
					</ul>
				</div>				
				<!-- {%FOOTER_LINK} -->
			</footer>
<!-- footer end -->
		</div>
		<script type="text/javascript"> Cufon.now(); </script>
	</body>
</html> 
